@charset "utf-8";
/* CSS Document */

.float_left {float: left;}
.float_right {float: right;}
.clear {height: 0;}

.col_180 {width: 175px;}
.col_220 {width: 220px;}
.col_300 {width: 300px;}
.col_330 {width: 330px;}
.col_550 {width: 550px;}
.col_660 {width: 660px;}

.new_uper_body {padding-top: 3px;}

select#ddl_cinema, select#ddl_movies, select#ddl_date {
	width: 195px;
	border: 1px solid #262626;
	background: #ffffff;
	margin-bottom: 2px;
	outline: none;
	color: #5f5f5f;
}

input#btn_search {
	border: none;
	outline: none;
	background: none;
	margin: 0;
	width: 120px;
	height: 26px;
}

.contactus {
	width: 193px;
	height: 50px;
	display: block;
}

.social_network {
	width: 196px;
	height: 60px;
	margin-top: 15px;
}
.social_network a.fb, .social_network a.zing, .social_network a.tw, .social_network a.youtube {width: 49px; height: 60px; float: left;display: block;}

.starclub-cineblog {margin-top: 10px;}
.starclub-cineblog a.starclub, .starclub-cineblog a.cineblog {display: block; width: 98px; height: 34px; float: left;}

.new_slide {
	margin: 0 15px;
	height: 330px;
	overflow: hidden;
}

/* tab slide */
.ui-tabs {
	position: relative;
}
.ui-tabs .ui-tabs-nav li {
	float: left;
	list-style: none;
	height: 48px;
}
.ui-tabs .ui-tabs-hide {
	display: none;
}

#film-slider ul {
	background: url(../images/100819/flim-slider-tab-bg.png) left top no-repeat;
	width: 550px;
	height: 39px;
	position: relative;
	z-index: 1;
}
#film-slider ul li .niceTitle {
	text-transform: uppercase;
	padding: 13px 10px 0 10px;
	color:#fff; 
	font-size:16px
}
#film-slider ul li a {
	border: none;
	outline: none;
}
#film-slider ul li.ui-tabs-selected {
	background: url(../images/100819/film-arrow-bg.png) top center no-repeat;
}
#film-slider ul li.ui-tabs-selected:first-child {
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
}
#film-slider ul li.ui-tabs-selected div.niceTitle {
	color: #000;
}
#film-slider .ui-tabs-panel {
	padding-bottom: 9px;
	position: relative;
	z-index: 0;
	top: -9px;
}

.tab-loop-bg {
	background: #000;
	height: 278px;
}

.film-pane {
	height: 280px;
	padding: 0 10px;
	overflow-x: auto;
	overflow-y: hidden;
	width: 530px;
}

.col_film {
	padding: 15px 15px 0 0px;
	position: relative;
}

.film_tit {
	text-align: center;
	font-size: 10px;
	line-height: 10px;
	padding: 9px 0;
	height: 12px;
	overflow: hidden;
}
.film_imt{
	display:block;
	height:191px;

}

.viewmore-btn_vn {
	display: block;
	float: left;
	width: 65px;
	height: 21px;
	background: url(../images/100819/more-button_vn.jpg) no-repeat left top;
}
.buyticket-btn_vn {
	display: block;
	float: left;
	width: 65px;
	height: 21px;
	background: url(../images/100819/buy-ticket-button_vn.jpg) no-repeat left top;
}
.viewmore-btn {
	display: block;
	float: left;
	width: 65px;
	height: 21px;
	background: url(../images/100819/more-button.jpg) no-repeat left top;
}
.buyticket-btn {
	display: block;
	float: left;
	width: 65px;
	height: 21px;
	background: url(../images/100819/buy-ticket-button.jpg) no-repeat left top;
}

.trailer_vis {
	background: url(../images/100819/overlay-trailer.jpg) left top no-repeat;
	width: 130px;
	height: 191px;
	position: absolute;
	left: 0px;
	top: 15px;
	z-index: 999;
}
.overlay-trailer {
	
}
.trailer_vis a {
	width: 130px;
	height: 191px;
	display: block;
}

.close_trailer_btn {
	position: absolute;
	top: 200px;
	z-index: 1002;
	right: 203px;
	display: none;
}

.ad_col {
	height: 318px;
	overflow: hidden;
	line-height: 1.5em;
}

.ad_col_300 {
	margin-left: 20px;
	margin-top: 10px;
}

/* hot offers */
#hotoffers .ui-tabs-nav li {
	height: 39px;
}

#hotoffers ul {
	background: url(../images/100819/hotoffers-bg.png) left top no-repeat;
	width: 660px;
	height: 39px;
	position: relative;
	z-index: 1;
}
#hotoffers ul li {
	float: right;
}
#hotoffers ul li .niceTitle {
	text-transform: uppercase;
	padding: 13px 20px 0 20px;
	color:#fff; 
	font-size:16px
}
#hotoffers ul li a {
	border: none;
	outline: none;
}
#hotoffers ul li.ui-tabs-selected {
	background: url(../images/100819/offer-arrow.png) top center repeat-x;
}
#hotoffers ul li.ui-tabs-selected:first-child {
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
}
#hotoffers ul li.ui-tabs-selected div.niceTitle {
	color: #151515;
}

#hotoffers {
	width: 660px;
	height: 291px;
	position: relative;
	overflow: hidden;
}
#offer-1-spotlight, #offer-2-spotlight {
	width: 660px;
	height: 252px;
	overflow: hidden;
	position: relative;
	background: #000;
}
#offer-1-spotlight ul, #offer-1-spotlight li, #offer-2-spotlight ul, #offer-2-spotlight li {
	height: 252px !important;
	list-style: none;
	padding: 0;
	margin: 0;
}
#offer-1-spotlight li, #offer-2-spotlight li {
	position: relative;
	width: 660px;
}

ol#offer-1-controls, ol#offer-2-controls {
	margin:1em 0;
	padding:0;
	height:28px;
	position: absolute;
	top: -40px;
	left: 10px;
}
ol#offer-1-controls li,ol#offer-2-controls li {
	margin:0 8px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:15px;
}
ol#offer-1-controls li a,ol#offer-2-controls li a {
	height:12px;
	border:1px solid #515050;
	background: #050505 url(../images/new/numberic_loop.jpg) center top repeat-x;
	color:#fff;
	padding: 2px 6px 3px 6px;
	text-decoration:none;
	font-weight: bold;
	font-size: 11px;
	line-height: 1em;
	display: block;
}
ol#offer-1-controls li.current a,ol#offer-2-controls li.current a {color: #FF0;}
ol#offer-1-controls li a:focus, ol#offer-2-controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

#hotoffers .ui-tabs-panel {
	position: relative;
	z-index: 2;
}

.panel-overlay {
	position: absolute;
	width: 640px;
	height: 30px;
	bottom: 0px;
	left: 0;
	background: url(../images/new/blank.png);
	color: #FFF;
	padding: 5px 10px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	display: none;
}

.whiteTitle {
	font-size: 20px;
	color: #ADADAD;
	margin-bottom: 10px;
}

.border_right {
	background: url(../images/100819/border-box.png) right center no-repeat;
	height: 183px;
}

.row-1 {
	background: #303030;
}
.row-1, .row-1-2 {
	padding: 7px;
	line-height: 1.2em;
}
.row-1 a, .row-1-2 a {
	color: #007bc2 !important;
}

.user_cm_box {
	width: 300px !important;
	height: 135px;
	overflow: hidden;
}

.star_club {
	margin:15px 0;
	background: url(../images/100819/starclub_bg.jpg) no-repeat right top;
	width: 660px;
	height: 110px;
	line-height: 1.1em;
	position: relative;
	float: left;
}

.star_club input.txt_field {
	margin-bottom: 5px;
	margin-left: 0;
	height: 14px;
	font-size: 11px;
}
.star_club input.pass_field {
	height: 14px;
	font-size: 11px;
}

/* Login box */
.lg-box {
	width: 476px;
	height: 323px;
	background: url(../images/lg-box-bg-openid.png) left top no-repeat;
	padding: 115px 24px 15px 34px;
	color: #e8ddc7;
	position: relative;
}
.lg-box h2 {
	font-size: 16px;
	color: #1bc6ff;
	padding-top: 28px;
}
.lg-box_2 {
	width: 428px;
	height: 265px;
	background: url(../images/lg-box-bg-pm.png) left top no-repeat;
	padding: 110px 30px 15px 30px;
	color: #e8ddc7;
	position: relative;
}
.lg-box_2 h2 {
	font-size: 16px;
	color: #1bc6ff;
	padding-top: 12px;
}
.lg-subtext {
	text-align: center;
	font-size: 12px;
	padding-top: 15px;
}
.lg-212 {
	width: 227px;
	float: left;
	margin-top: 40px;
	border-right: 1px solid #37383d;
	padding-right: 10px;
	min-height: 150px;
	height: auto !important;
	height: 150px;
}
.lg-box .lg-212-v2 {
	width: 180px;
	float: left;
	margin-top: 40px;
	border-left: 1px solid #000004;
	padding-left: 33px;
	min-height: 150px;
	height: auto !important;
	height: 150px;
}
.lg-box_2 .lg-212-v2 {
	width: 180px;
	float: left;
	margin-left: 20px;
	margin-top: 60px;
}
.lg-box .lg-box-titles,.lg-212-v2 .lg-box-titles {
	font-size: 24px;
	display: block;
	padding-bottom: 20px;
}
.lg-box_2 .lg-box-titles {
	font-size: 18px;
	display: block;
	padding-top: 15px;
	padding-bottom: 10px;
}
.lg-box .or {
	position: absolute;
	bottom: 210px;
	left: 248px;
}

.lg-box_2 .or {
	position: absolute;
	bottom: 170px;
	left: 230px;
}

.openid_txt_form {
	background: url(../images/txt_field.jpg) left top no-repeat;
	width: 228px;
	height: 20px;
	margin-bottom: 14px;
}
.openid_txt_label {
	width: 50px;
	float: left;
	padding: 0 5px;
	color: #46bfee;
}
.lg-212 #txtquick_emal, .lg-212 #txtquick_password {
	width: 150px;
	padding: 3px 5px 0 5px;
	height: 13px;
	float: left;
	border: none;
	background: none;
	outline: none;
}
.openid_login {
	margin-top: 8px;
	background: url(../images/loop_line_openidform.jpg) left top repeat-x;
	padding-top: 8px;
}
.openid_desc {
	width: 237px;
	float: left;
	padding-top: 5px;
	line-height: 12px;
}
.openid_btn {
	width: 190px;
	float: left;
	padding-left: 35px;
	line-height: 12px;
}
.icon_google, .icon_yahoo, .icon_myopenid, .icon_aol, .icon_facebook {
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 8px;
}
.icon_google {background: url(/images/openid_icon.jpg) left top no-repeat;}
.icon_yahoo {background: url(../images/openid_icon.jpg) -38px top no-repeat;}
.icon_myopenid {background: url(../images/openid_icon.jpg) -77px top no-repeat;}
.icon_aol {background: url(../images/openid_icon.jpg) right top no-repeat;}
.icon_facebook {background: url(/images/connect_fb_icon.jpg) left top no-repeat;}

/* update paragon */
.lg-box-ssp {
	width: 428px;
	height: 344px;
	background: url(../images/lg-box-bg-2.png) left top no-repeat;
	padding: 40px 30px 15px 30px;
	color: #e8ddc7;
	position: relative;
}
.lg-box-ssp .lg-212 {
	width: 260px;
	float: left;
	margin-top: 0px;
	margin-left: 90px;
}
.lg-box-ssp .lg-212 input[type="text"],.lg-box-ssp .lg-212 input[type="password"] {
	width: 250px !important;
}
.lg-box-ssp a {
	color: #FF0;
}

/* change lang */
.region {
	color: #333;
	font-size: 9px;
	margin-right: 5px;
	position: relative;
	z-index: 1000;
}

.flg_bg {
	display: block;
	height: 14px;
	width: 80px;
	background: url(../images/region_bg.gif) left top no-repeat;
	padding: 0px 3px 1px 3px;
	vertical-align: top;
	cursor: pointer;
}

.region ul {
	position: absolute;
	width: 80px;
	top: 16px;
	left: 0;
	z-index: 1001;
	background: #fafafa;
	padding: 3px 2px;
	border: 1px solid #c0c3ca;
}
.region ul li {
	list-style: none;
	display: block;
	float: none;
}
.region ul li a {
	width: auto !important;
	height: auto !important;
	display: inline !important;
	margin: 0 !important;
	color: #333 !important;
	font-size: 11px;
}
.region ul li a:hover {
	color: #F60 !important;
}

/* 110610 */
a.quen_mat_khau {
	color: #fbca31 !important;
}

.bottom_panel {
	background: #131313 left top repeat-x;
	height: 203px;
	width: 660px;
}
a.fb_connect,a.openid_connect {display: block; height: 25px; float: left;}
a.fb_connect {
	background: url(../images/100819/fb_openid.png) left top no-repeat;
	width: 194px;
	margin-right: 8px;
}
a.openid_connect {
	background: url(../images/100819/fb_openid.png) -202px top no-repeat;
	width: 58px;
}

.new_quick_search_en {
	background: url(../images/100819/search_bg_new_en.png) left top no-repeat;
	padding: 50px 12px 0 12px;
	height: 278px;
}
.new_quick_search_vn {
	background: url(../images/100819/search_bg_new_vn.png) left top no-repeat;
	padding: 50px 12px 0 12px;
	height: 278px;
}

.iconsc_footer {position: absolute; bottom: 10px; right: 20px;}